$radiusSize:4px;
$fff:#fff;
$currentColor:#fc4c07;
.searchBox {
    position: relative;
    width: 80%;
    margin: 0 auto;
    .searchInput {
        width: 100%;
        height: 32px;
        padding-left: 32px;
        border-radius: 4px;
        background: $fff;
        border: 1px solid #eee;
        box-sizing: border-box;
        &:focus {
            box-shadow: 3px 1px 8px rgba(252, 105, 7, 0.5);
            border-color: #fc6907;
        }
    }
    .searchBtn,
    .clearBtn {
        position: absolute;
        width: 32px;
        height: 32px;
        top: 0;
        z-index: 5;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        justify-content: center;
    }
    .searchBtn {
        left: 0
    }
    .clearBtn {
        right: 0;
    }
}